<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div >cdtw.com</div>
    <script>
// window.onload	文档解析及外部资源加载后
// DOMContentLoaded	文档解析后执行，不需要等待图片/样式文件等外部资源加载，该事件只能通过addEventListener设置
// window.onbeforeunload	文档刷新或关闭时
// window.unload	文档卸载时
// scroll	页面滚动时


//window.onload事件在文档解析后及图片、外部样式文件等资源加载完后执行
// window.onload=function(){
//     console.log("外部资源加载成功");
// }
// function lodeImg(src){
//     return new Promise((resolve,reject)=>{
//         let img =new Image(200,200);
//         img.src=src;

//     img.onload=resolve(img);
//     img.onerror=reject();
//     document.body.appendChild(img);
//     })
// }

// lodeImg("./img/img1.jpg").then(v=>console.log(v));


//DOMContentLoaded不需要等外部资源加载

// window.addEventListener("DOMContentLoaded",(event)=>{
//     console.log("window资源");
// })




//onbeforeunload：浏览器窗口关闭或者刷新时，会触发beforeunload事件，可以取消关闭或刷新页面。
// window.onbeforeunload=function(e){
//   return "傻逼"
// }

window.onbeforeunload = function (e) {
  return '真的要离开吗？'
}




//unload  window.unload事件在文档资源被卸载时执行，在beforeunload后执行
window.addEventListener('unload', function (e) {
  localStorage.setItem('name', 'houdunren')//关闭资源后，信息加载到本地储存当中
})

console.log(localStorage.getItem("name"));//houdunren
    </script>
</body>
</html>